<%-- 
    Document   : chat
    Created on : 29/Nov/2012, 11:42:18
    Author     : Old
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" href="css/estilos.css" type="text/css" />
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
        <script src="js/mootools-core-1.4.4.js" type="text/javascript" charset="utf-8"></script>
        <script src="js/mootools-more-1.4.0.1.js" type="text/javascript" charset="utf-8"></script>
        <script src="js/LocalStorage.js" type="text/javascript" charset="utf-8"></script>
        <script src="js/chatFuncs.js" type="text/javascript" charset="utf-8"></script>
        <script type="text/javascript">

           
            
            
            
        </script>
    </head>
    <body>
        <noscript>JavaScript must be enabled for WebSockets to work.</noscript>
        <div id="mainButtons" class="buttonscontainer"></div>
        <div id="mainContent" class="maincontainer"></div>
        <div>
            <div id="container" style="width: 450px;height: 150px;"> <div id="history" style="width: 450px;"></div> </div>
        </div>
        
        
        
        <div style="display: none;">
        
        
        <div id="divLogin" style="font-family: Verdana; width: 100%; height: 100%;">
                <table cellpadding="0" cellspacing="0" align="center" style="margin-top: 130px">
                    <tr>
                        <td class="style77" style="margin-right: 2px">
                            Utilizador:</td>
                        <td class="style88" style="margin-left: 4px">
                            <input id="Text1" class="styleil" type="text" /></td>
                    </tr>
                    <tr>
                        <td class="style77" style="margin-right: 2px">
                            Palavra Passe:</td>
                        <td class="style88" style="margin-left: 4px">
                            <input id="Password1" class="styleil" type="password" /></td>
                    </tr>
                    <tr>
                        <td id="conf1cell" class="style77" style="margin-right: 2px">
                            Confirmar Palavra Passe:</td>
                        <td id="conf2cell" class="style88" style="margin-left: 4px">
                            <input id="Password2" class="styleil" type="password" /></td>
                    </tr>
                    <tr>
                        <td class="style77" style="margin-right: 2px">
                            </td>
                        <td class="style88" style="margin-left: 4px">
                            <input id="Checkbox1" class="styleilc" type="checkbox" /><span>Novo 
                            Registo</span></td>
                    </tr>
                    <tr>
                        <td class="style77" style="margin-right: 2px">
                            </td>
                        <td class="style88" style="margin-left: 4px">
                            <input id="Button1" class="inputButs" type="button" value="Entrar" /></td>
                    </tr>
                    <tr>
                        <td class="style22" colspan="2">
                            &nbsp;</td>
                    </tr>
                </table>
            </div>
        
        
        <div id="divCanal" style="width: 100%; height: 100%; background-color: #EEEEEE; font-family: verdana; font-size: 12px; font-weight: normal;">
             <div style="height: 450px">
                <div style="float: left; height: 450px; width: 720px; margin-left: 2px; margin-right: 2px; background-color: #FFFFFF; overflow: scroll;">
                    
                    <div id="postsimples" style="border: 1px solid #000000; width: 716px; margin:2px;height: 160px;">
                    <div style="float:left; width: 206px;">
                        <div style="margin: 3px">
                            Utilizador: Jonas</div>
                            <div style="margin: 3px"><input id="Button1" class="inputButs" type="button" value="editar" style="margin: 4px" /><br />
                                <input id="Button2" class="inputButs" style="margin: 4px" type="button" value="comentar" /><br />
                                <input id="Button3" class="inputButs" style="margin: 4px" type="button" value="eliminar" /></div>
                    </div>
                    <div style="margin: 4px; float:left; width: 480px;height: 140px;overflow: scroll;">sdf
                        dfghdfghdfghdfgh<br />
                        asdfas<br />
                        dfasdfas<br />
                        asdfasd<br />
                    </div>
                    </div>

                    <div id="resposta" style="border: 1px solid #000000; width: 716px; margin:2px;height: 130px;">
                    <div style="float:left; width: 206px; margin-left: 100px;">
                        <div style="margin: 3px">
                            Utilizador: Jonas</div>
                            <div style="margin: 3px"><br />
                                <br />
                                <input id="Button6" class="inputButs" style="margin: 4px" type="button" value="eliminar" /></div>
                    </div>
                    <div style="margin: 4px; float:left; width: 350px;height: 110px;overflow: scroll;">sdf
                        dfghdfghdfghdfgh<br />
                        asdfas<br />
                        dfasdfas<br />
                        asdfasd<br />
                    </div>
                    </div>

                    <div id="postimagem" style="border: 1px solid #000000; width: 716px; margin:2px;height: 180px;">
                    <div style="float:left; width: 206px;">
                        <div style="margin: 3px">
                            Utilizador: Jonas</div>
                            <div style="margin: 3px"><input id="Button4" class="inputButs" type="button" value="editar" 
                                    style="margin: 4px" /><br />
                                <input id="Button5" class="inputButs" style="margin: 4px" type="button" value="comentar" /><br />
                                <input id="Button7" class="inputButs" style="margin: 4px" type="button" value="eliminar" /></div>
                    </div>
                    <div style="margin: 4px; float:left; width: 480px;height: 160px;overflow: scroll;">
                        <img alt="" src="" 
                            style="margin: 5px; display: inline; width: 170px; float: left;" />sdf
                        dfghdfghdfghdfgh<br />
                        asdfas<br />
                        dfasdfas<br />
                        asdfasd<br />
                    </div>
                    </div>
                    
                </div>
                <div id="listausers" style="float: left; height: 450px; width: 174px; background-color: #FFFFFF;">
                    
                    <div id="panelusername" style="padding: 2px; margin: 2px; width: 170px; height: 30px; border: 1px solid #000000">
                        Username</div>
                    </div>
               
                 
               
                </div>
                <div id="mensagenstoolbox" style="margin: 5px; width: 530px; height: 120px; background-color: #FFFFFF;">
                 </div>
            </div>
        
        
        
        <div id="divNewPost" style="width: 530px; height: 120px; background-color: #FFFFFF;font-family: verdana; font-size: 10px; font-weight: normal;">
            <b>Novo Post:</b> Data:
                    <input id="Checkbox1" checked="checked" type="checkbox" />Agora&nbsp; Data de 
                    Publicação:<input id="Text1" class="inputButs" type="text" value="dd-mm-aaaa" style="width:80px;" /><input id="Text2" class="inputButs" 
                        type="text" value="hh:mm:ss" style="width:80px;" /><br />
                    <form action="/chatsd/FileUploadServlet" method="post" enctype="multipart/form-data"><input id="Checkbox2" type="checkbox" />Enviar Imagem
                        <input id="File1" name="file" type="file" /><input type="submit" name="submit" value="submit" style="display:none;"/></form><br />
                    Mensagem:<br />
                    <textarea id="TextArea1" name="S1"></textarea><input id="Button11" class="inputButs" 
                        type="button" value="Enviar" /><input id="Button12" class="inputButs" type="button" 
                        value="Cancelar" /></div>
        
        
        <div id="divNewResposta" style="width: 530px; height: 120px; background-color: #FFFFFF;font-family: verdana; font-size: 10px; font-weight: normal;">
                    Resposta:
                    <br />
                    Mensagem:<br />
                    <textarea id="TextArea1" name="S1"></textarea><input id="Button11" class="inputButs" 
                        type="button" value="Enviar" /><input id="Button12" class="inputButs" type="button" 
                        value="Cancelar" /></div>
        
        <div id="divEditarPost" style="width: 530px; height: 120px; background-color: #FFFFFF;font-family: verdana; font-size: 10px; font-weight: normal;">
                    Editar:
                    <br />
                    Mensagem:<br />
                    <textarea id="TextArea1" name="S1"></textarea><input id="Button11" class="inputButs" 
                        type="button" value="Guardar" /><input id="Button12" class="inputButs" type="button" 
                        value="Cancelar" /></div>
        
        
        
        
        <div id="divMensagensPrivadas" style="width: 100%; height: 100%; background-color: #EEEEEE; font-family: verdana; font-size: 12px; font-weight: normal;">
             
                <div id="listaMP" style="margin: 5px; width: 890px; height: 250px; overflow: scroll; background-color: #FFFFFF; text-align: center;">
                    <div id="panelMP" style="border: 1px solid #000000; width: 850px; height: 20px; margin: 3px;">
                        <table cellpadding="0" cellspacing="0" class="style6">
                            <tr>
                                <td id="cellFrom" class="style9">
                                    &nbsp;</td>
                                <td id="cellSubject" class="style10">
                                    &nbsp;</td>
                                <td id="cellDate" class="style11">
                                    &nbsp;</td>
                            </tr>
                        </table>
                    </div>
                    </div><input id="Button1" type="button" value="Nova Mensagem" />
             
                <input id="Button2" type="button" value="Responder" /><br />
                <div style="border: 1px inset #999999; margin: 5px; width: 890px; height: 270px">
                    <div id="panelNewMP" style="width: 100%; height: 100%">
                        <table cellpadding="0" cellspacing="0" 
                            style="margin: 10px; width: 835px; height: 219px;">
                            <tr>
                                <td class="style1" style="vertical-align: top">
                                    De:</td>
                                <td class="style2" style="vertical-align: top">
                                </td>
                                <td class="style5" style="vertical-align: top">
                                </td>
                            </tr>
                            <tr>
                                <td class="style1" style="vertical-align: top">
                                    Para:</td>
                                <td class="style2" style="vertical-align: top">
                                    &nbsp;</td>
                                <td style="vertical-align: top">
                                    <select id="Select1" name="D1">
                                        <option></option>
                                    </select><input id="Button3" type="button" value="adicionar" /></td>
                            </tr>
                            <tr>
                                <td class="style3" style="vertical-align: top">
                                    Texto:</td>
                                <td class="style4" style="vertical-align: top">
                                    <textarea id="TextArea1" class="styleta" name="S1"></textarea></td>
                                <td class="style5">
                                    <input id="Button4" type="button" value="Enviar" /></td>
                            </tr>
                        </table>
                    </div>
                </div>
             
            </div>
        
        
        
       
        <div id="divSalas" style="width: 100%; height: 100%; background-color: #EEEEEE; font-family: verdana; font-size: 12px; font-weight: normal;">
             
               
             
                <div style="margin: 10px; width: 880px">
                    <div id="salasLista" style="border: 1px inset #000000; width: 878px; height: 500px; background-color: #FFFFFF;">
                        <div id="panelSala" style="margin: 3px; width: 150px; height: 30px; float: left;">Sala X
                            <input id="Button1" type="button" value="entrar" /></div>

                    </div>
                </div>
             
               
             
            </div>
        
        </div>
        
    </body>
</html>
